<template>
  <div>
    <PageHeader/>
    <div class="grzx_cen">
      <!--  left-->
      <div class="left">
        <div class="toptx">
          <img :src="userInfo.avatar.avatar_origin"/>
          <b>{{ userInfo.name }}</b>
        </div>

        <div class="libai">
          <ul>
            <router-link tag="li" active-class="hove" to="/account/profile">
              <a href="javascript:void(0);">
                <b><i class="iconfont icon-jilu"></i><span>个人资料</span></b>
                <tt><i class="iconfont icon-ljit"></i></tt>
              </a>
            </router-link>
            <router-link tag="li" active-class="hove" to="/account/setting">
              <a href="javascript:void(0);">
                <b><i class="iconfont icon-qian"></i><span>账号设置</span></b>
                <tt><i class="iconfont icon-ljit"></i></tt>
              </a>
            </router-link>

          </ul>
        </div>
      </div>

      <!--right-->
      <router-view></router-view>
    </div>
    <PageFooter/>
  </div>
</template>

<script>
import $ from 'jquery'
import {PageHeader, PageFooter} from "../../components/common";
import {mapGetters} from 'vuex'

export default {
  name: "Account",
  components: {PageHeader, PageFooter},
  computed: {
    ...mapGetters(['userInfo']),
  },
  mounted() {
    let bodyHeight = $(document).height()-100
    $('.grzx_cen').css('min-height',bodyHeight)
  },
};
</script>

<style scoped>
/* @import 引入仍为全局样式 */
@import "../../assets/css/style.css";
</style>
